<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>桌子</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/seat.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="seatWeb">
			<h1><span></span>家的囍宴</h1>
			<div class="seatList">
				<div class="host">
					<div class="center">
						<p>主宾桌</p>
						<div class="small Hone" data-id="1">
							<img src="img/desk.png"/>
						</div>
						<div class="small Htwo" data-id="2"><img src="img/desk.png"/></div>
						<div class="small Hthree" data-id="3"><img src="img/desk.png"/></div>
						<div class="small Hfour" data-id="4"><img src="img/desk.png"/></div>
						<div class="small Hfive" data-id="5"><img src="img/desk.png"/></div>
						<div class="small Hsix" data-id="6"><img src="img/desk.png"/></div>
					</div>
				</div>
				<div class="guest">
					<div class="center">
						<p>第1席</p>
						<div class="small Gone" data-id="1"><img src="img/desk.png"/></div>
						<div class="small Gtwo" data-id="2"><img src="img/desk.png"/></div>
						<div class="small Gthree" data-id="3"><img src="img/desk.png"/></div>
						<div class="small Gfour" data-id="4"><img src="img/desk.png"/></div>
						<div class="small Gfive" data-id="5"><img src="img/desk.png"/></div>
						<div class="small Gsix" data-id="6"><img src="img/desk.png"/></div>
					</div>
				</div>
				<div class="guest">
					<div class="center">
						<p>第2席</p>
						<div class="small Gone" data-id="1"><img src="img/desk.png"/></div>
						<div class="small Gtwo" data-id="2"><img src="img/desk.png"/></div>
						<div class="small Gthree" data-id="3"><img src="img/desk.png"/></div>
						<div class="small Gfour" data-id="4"><img src="img/desk.png"/></div>
						<div class="small Gfive" data-id="5"><img src="img/desk.png"/></div>
						<div class="small Gsix" data-id="6"><img src="img/desk.png"/></div>
					</div>
				</div>
				<div class="guest">
					<div class="center">
						<p>第3席</p>
						<div class="small Gone" data-id="1"><img src="img/desk.png"/></div>
						<div class="small Gtwo" data-id="2"><img src="img/desk.png"/></div>
						<div class="small Gthree" data-id="3"><img src="img/desk.png"/></div>
						<div class="small Gfour" data-id="4"><img src="img/desk.png"/></div>
						<div class="small Gfive" data-id="5"><img src="img/desk.png"/></div>
						<div class="small Gsix" data-id="6"><img src="img/desk.png"/></div>
					</div>
				</div>
				<div class="guest">
					<div class="center">
						<p>第4席</p>
						<div class="small Gone" data-id="1"><img src="img/desk.png"/></div>
						<div class="small Gtwo" data-id="2"><img src="img/desk.png"/></div>
						<div class="small Gthree" data-id="3"><img src="img/desk.png"/></div>
						<div class="small Gfour" data-id="4"><img src="img/desk.png"/></div>
						<div class="small Gfive" data-id="5"><img src="img/desk.png"/></div>
						<div class="small Gsix" data-id="6"><img src="img/desk.png"/></div>
					</div>
				</div>
				<div class="guest">
					<div class="center">
						<p>第5席</p>
						<div class="small Gone" data-id="1"><img src="img/desk.png"/></div>
						<div class="small Gtwo" data-id="2"><img src="img/desk.png"/></div>
						<div class="small Gthree" data-id="3"><img src="img/desk.png"/></div>
						<div class="small Gfour" data-id="4"><img src="img/desk.png"/></div>
						<div class="small Gfive" data-id="5"><img src="img/desk.png"/></div>
						<div class="small Gsix" data-id="6"><img src="img/desk.png"/></div>
					</div>
				</div>
				<div class="guest add">
					<div class="center">
						<p>+</p>
						<div class="small Gone"><img src="img/desk.png"/></div>
						<div class="small Gtwo"><img src="img/desk.png"/></div>
						<div class="small Gthree"><img src="img/desk.png"/></div>
						<div class="small Gfour"><img src="img/desk.png"/></div>
						<div class="small Gfive"><img src="img/desk.png"/></div>
						<div class="small Gsix"><img src="img/desk.png"/></div>
					</div>
				</div>
			</div>
			
			<div class="share">生成囍宴，分享囍事</div>
			<div class="number">您是第1位宾客，目前已有<span></span>位宾客入席</div>
			<div class="sitDown">
				<p>你已成功入席</p>
				<p>你的座位是 <span></span> 第<span></span>位</p>
			</div>
			
			<!--返回首页按钮-->
			<div class="back">
				<a href="index.html"><img src="img/home.png"/></a>
			</div>
			
			<!--遮罩层-->
			<div class="shade">
				<div class="text animated flipInX">
					<div class="close open">
						<img src="img/index/close.png"/>
					</div>
					<p>囍宴摆好了,</p>
					<p>快邀请亲朋好友入席！</p>
				</div>
			</div>
			
			<div class="welcome">
				<div class="text">
					<div class="close">
						<img src="img/index/close.png"/>
					</div>
					<h1>欢迎来到<span></span>的囍宴</h1>
					<div><a href="master.html">我要入席</a></div>
					<div>查看囍宴排行榜</div>
					<div>我也要制作我的囍宴</div>
				</div>
			</div>
			
			<div class="welcome2">
				<div class="text">
					<div class="close">
						<img src="img/index/close.png"/>
					</div>
					<h1>欢迎来到<span></span>的囍宴</h1>
					<div>
						<a href="master.html">我要入榜，<br />赢取999元现金贺礼
						</a>
					</div>
					<div>查看囍宴排行榜</div>
				</div>
			</div>
			
			<div class="blessing">
				<div class="text animated zoomIn">
					<div class="close">
						<img src="img/index/close.png"/>
					</div>
					<p>为Ta收集更多新婚祝福！</p>
				</div>
			</div>
		</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="js/seat.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
